<template>
	<view>
		<view class="center">
			<view class="center_top">
				<view class="">&nbsp; &nbsp; &nbsp;</view>
				<view class="center_top1">
					商户中心
				</view>
				<image src="/static/img/Fill .png" mode=""></image>
			</view>
			<view class="center_user" @tap="login" v-if="!user.uid">
				<view class="center_user-text">
					<view class="center_user-text1">360.00</view>
					<view class="center_user-text2">今日订单收入/元~</view>
				</view>
				<view class="center_user-text">
					<view class="center_user-text1">10</view>
					<view class="center_user-text2">今日下单/数量~</view>
				</view>

			</view>

		</view>
		<view class="mydd">
			<view class="mydd1">
				<view class="mydd1-1">
					可用余额/元
				</view>
				<view @click="mydd">

				</view>
			</view>
			<view class="mydd1" style="padding: 40rpx 0;">
				<view class="mydd1-2">
					120.00
				</view>
				<view class="mydd1-3" @click="tixian">
					提现
				</view>
			</view>

		</view>
		<view class="box" @click="zhangdan">
			<view class="">
				<view class="box1-1texte9">历史账单</view>
				<view class="" style="width: 90vw;height: 2rpx;background-color: #e8e8e8;"></view>

			</view>

			<view class="box1">
				<view class="box1-1">
					<view class="box1-1texte">2023.01</view>
				</view>
				<view class="box1-2">
					<view class="box1-2text">￥350</view>
					<image src="../../static/img/youfh.png" mode=""></image>
				</view>
			</view>
			<view class="box1">
				<view class="box1-1">
					<view class="box1-1texte">2023.01</view>
				</view>
				<view class="box1-2">
					<view class="box1-2text">￥350</view>
					<image src="../../static/img/youfh.png" mode=""></image>
				</view>
			</view>
			<view class="box1">
				<view class="box1-1">
					<view class="box1-1texte">2023.01</view>
				</view>
				<view class="box1-2">
					<view class="box1-2text">￥350</view>
					<image src="../../static/img/youfh.png" mode=""></image>
				</view>
			</view>
			<view class="box1">
				<view class="box1-1">
					<view class="box1-1texte">2023.01</view>
				</view>
				<view class="box1-2">
					<view class="box1-2text">￥350</view>
					<image src="../../static/img/youfh.png" mode=""></image>
				</view>
			</view>
			<view class="box1">
				<view class="box1-1">
					<view class="box1-1texte">2023.01</view>
				</view>
				<view class="box1-2">
					<view class="box1-2text">￥350</view>
					<image src="../../static/img/youfh.png" mode=""></image>
				</view>
			</view>
			<view class="box1">
				<view class="box1-1">
					<view class="box1-1texte">2023.01</view>
				</view>
				<view class="box1-2">
					<view class="box1-2text">￥350</view>
					<image src="../../static/img/youfh.png" mode=""></image>
				</view>
			</view>
			<view class="" style="width: 90vw;height: 200rpx;">

			</view>
		</view>









	</view>
</template>

<script>
	let jweixin = require('jweixin-module');
	export default {
		data() {
			return {
				user: {},
				src: {},
				sharedata: {}
			};
		},
		onShow() {
			uni.hideTabBar({
				animation: false
			})
			if (uni.getStorageSync('token')) this.getuser();
			this.getconfig();

		},
		methods: {
			tixian() {
				uni.navigateTo({
					url: '/pages/center/tixian'
				})
			},
			zhangdan() {
				uni.navigateTo({
					url: '/pages/center/lishizhangdan'
				})
			}
		},
	}
</script>

<style lang="scss">
	page {
		min-height: 100%;

	}

	.center {
		width: 100%;
		height: 416rpx;
		background-image: url("/static/img/shanghubj.png");
		background-size: cover;
		background-repeat: no-repeat;
		min-height: 100%;

		&_top {
			width: 90%;
			box-sizing: border-box;
			// padding-left: 40upx;
			margin: 0 auto;
			height: 90upx;
			color: #fff;
			font-size: 30upx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			.center_top1 {
				font-size: 36rpx;
				font-family: Source Han Sans CN-Medium, Source Han Sans CN;
				font-weight: 500;
				color: #FFFFFF;
			}

			>image {
				width: 44rpx;
				height: 10rpx;
			}
		}

		&_user {
			width: 80vw;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			box-sizing: border-box;
			padding: 0 20upx;
			margin-top: 80upx;

			>image {
				width: 144rpx;
				height: 144rpx;
				border-radius: 50%;
				background: #ccc;
				margin-right: 24upx;
				overflow: hidden;
			}

			.center_user-text {
				display: flex;
				flex-direction: column;
				align-items: center;

				.center_user-text1 {

					font-size: 56rpx;
					font-family: Source Han Sans CN-Regular, Source Han Sans CN;
					font-weight: 400;
					color: #FFFFFF;
					line-height: 54rpx;
					margin-bottom: 40rpx;
				}

				.center_user-text2 {
					font-size: 28rpx;
					font-family: Source Han Sans CN-Light, Source Han Sans CN;
					font-weight: 300;
					color: #FFFFFF;
					line-height: 24rpx;
				}
			}

		}
	}

	.mydd {
		width: 90vw;
		margin: 0 auto;
		margin-top: -80rpx;
		background-color: white;
		border-radius: 20rpx;
		overflow: hidden;
	}

	.mydd1 {
		width: 80vw;
		margin: 0 auto;
		padding: 20rpx 0;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 2rpx solid #e1e1e1;

		.mydd1-1 {
			font-size: 28rpx;
			font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
			font-weight: normal;
			color: #373737;
			line-height: 38rpx;
		}

		.mydd1-2 {
			font-size: 64rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #FF4140;
			line-height: 54rpx;

			.mydd1-2text {
				font-size: 24rpx;
				font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
				font-weight: normal;
				color: #999999;
				line-height: 38rpx;
			}

			>image {
				margin-left: 20rpx;
				width: 12rpx;
				height: 24rpx;

			}
		}

		.mydd1-3 {
			width: 150rpx;
			height: 64rpx;
			border-radius: 16px 16px 16px 16px;
			opacity: 1;
			border: 1px solid #FF4140;
			font-size: 28rpx;
			font-family: Source Han Sans CN-Regular, Source Han Sans CN;
			font-weight: 400;
			color: #FF4140;
			text-align: center;
			line-height: 64rpx;
		}
	}

	.order {
		width: 100%;
		margin: 0 auto;
		background-color: #fff;
		height: 180upx;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 10upx;

		&_item {
			flex: 4;
			display: flex;
			position: relative;

			&_a {
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;

				>image {
					width: 46upx;
					height: 46upx;
				}

				>text {
					font-size: 26upx;
					font-weight: 500;
					color: #999;
					line-height: 24upx;
					margin-top: 20upx;
				}
			}

			.line {
				position: absolute;
				top: 50%;
				-webkit-transform: translateY(-50%);
				transform: translateY(-50%);
				right: -20upx;
				width: 30upx;
				height: 136upx;
				display: inline-block;
			}
		}

		&_all {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;

			>image {
				width: 46upx;
				height: 46upx;
			}

			>text {
				font-size: 26upx;
				font-weight: 500;
				color: #999;
				line-height: 24upx;
				margin-top: 20upx;
			}
		}
	}

	.box1-1texte9 {
		font-size: 30rpx;
		font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
		font-weight: normal;
		color: #373737;
		line-height: 80rpx;
		margin-left: 60rpx;
	}

	.box {
		width: 90vw;
		margin: 20rpx auto;
		background-color: white;
		border-radius: 20rpx;

		.box1 {
			width: 80vw;
			margin: 0 auto;
			padding: 20rpx 0;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 2rpx solid #e1e1e1;

			>image {
				width: 12rpx;
				height: 24rpx;
			}

			.box1-2 {
				display: flex;
				align-items: center;

				>image {
					margin-left: 10rpx;
					width: 12rpx;
					height: 24rpx;
				}

			}

			.box1-1 {
				display: flex;
				align-items: center;

				>image {
					width: 56rpx;
					height: 56rpx;
				}

				.box1-1texte {
					margin-left: 20rpx;
					font-size: 32rpx;
					font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
					font-weight: normal;
					color: #373737;
					line-height: 36rpx;
				}
			}

		}
	}

	.cate {
		width: 100%;
		background-color: #fff;
		height: 180upx;
		display: flex;
		align-items: center;
		box-sizing: border-box;
		padding: 0 10upx;
		margin: 10upx 0;

		&_box {
			flex: 4;
			display: flex;

			&_item {
				flex: 1;
				display: flex;
				flex-direction: column;
				align-items: center;

				>image {
					width: 46upx;
					height: 46upx;
				}

				>text {
					font-size: 26upx;
					font-weight: 500;
					color: #999;
					line-height: 24upx;
					margin-top: 20upx;
				}
			}
		}
	}

	.qianbao {
		display: flex;
		width: 90vw;
		margin: 20rpx auto;
		justify-content: space-between;

		.qianbao1 {
			display: flex;
			align-items: center;
			background-color: white;
			padding: 30rpx;
			border-radius: 20rpx;

			.qianbao1text {
				margin-left: 60rpx;
				font-size: 26rpx;
				font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
				font-weight: normal;
				color: #FF4140;
				line-height: 38rpx;
			}

			.qianbao1text1 {
				width: 102rpx;
				height: 52rpx;
				background: #FF4140;
				border-radius: 4px 4px 4px 4px;
				opacity: 1;
				margin-left: 60rpx;
				font-size: 22rpx;
				font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
				font-weight: normal;
				text-align: center;
				color: #FFFFFF;
				line-height: 52rpx;
			}

			.qianbao1-1 {
				.qianbao1-1text {
					font-size: 28rpx;
					font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
					font-weight: normal;
					color: #373737;
					line-height: 38rpx;
				}

				.qianbao1-1text1 {
					font-size: 24rpx;
					font-family: SourceHanSansCN-Medium-, SourceHanSansCN-Medium;
					font-weight: normal;
					color: #999999;
					line-height: 38rpx;

					>image {
						margin-left: 10rpx;
						width: 12rpx;
						height: 20rpx;
					}
				}
			}
		}
	}
</style>
